---
import '../../../styles/blackbox.css';

import Default from '../../../layouts/Default.astro';
import Form from '../../../components/Form.astro';

const { board, tid } = Astro.params;
---

<Default>
  <h1>Comment</h1>

  <Form board={board} tid={tid}>
    <form id="form" method="post" action="/create/comment" onsubmit="document.getElementById('submit-button').disabled = true">
      <textarea name="CommentText" placeholder="Comment Contents" style="height: 150px; width: 350px;"></textarea>
      <br> <input id="submit-button" type="submit" value="Create Thread" />
      <input id="image" type="file" accept=".png,.jpg,.gif,.bmp,.mp4" />
    </form>
  </Form>
</Default>

<style>
  :root {
    --wdt: 360px;
    --ml: 0px;
  }
</style>